// 当页面没有内容的时候，显示这个组件，表示没有数据显示

<template>
  <div class="empty-content"><Icon type="empty" />{{ text }}</div>
</template>

<script>
import Icon from "../Icon";
export default {
  props: {
    text: {
      type: String,
      default: "无数据",
    },
  },
  components: {
    Icon,
  },
  computed() {},
};
</script>

<style lang="less" scoped>
@import url(~@/style/var.less);
@import url(~@/style/mixin.less);
.empty-content {
  .self-center();
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  text-align: center;
  color: @gray;
}
.iconfont {
  font-size: 3em;
}
</style>